<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>

<!doctype html> 
<html lang="en">
	
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Chronikles</title>
	<meta name="description" content="Chronikles portal">
	<meta name="author" content="Scott n Jim">

	<meta name="viewport" content="width=device-width">

	<link rel="stylesheet" href="../assets/css/bootstrap.min.css">
	<style>
		body {
			padding-top: 40px;
			padding-bottom: 10px;
		}
	</style>
	<link rel="stylesheet" href="../assets/css/bootstrap-responsive.min.css">
	<link rel="stylesheet" href="../assets/css/style.css">
	
</head>

		<div class="navbar navbar-fixed-top">
			<div class="navbar-inner">
				<div class="container">
					<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </a>
					<a class="brand" href="index.jsp">Chronikles</a>
					<div class="nav-collapse">
						<ul class="nav">
							<li class="active">
								<a href="index.jsp">Home</a>
							</li>
							<li>
								<a href="register.jsp">Register</a>
							</li>
						</ul>
					</div><!--/.nav-collapse -->
				</div>
			</div>
		</div>
		
		

<body>		
	<div class="container">			
		<header style="padding-top:15px;padding-bottom:0px;">
			<h1 style="padding-bottom:0px;">Welcome to Chronikles Portal <small>Please login or apply to register below</small></h1>
		</header>	
		<hr style="padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:2px;">		
			<div style="padding-top:0px;" class="row">
				<div class="span9">
					<div class="page-header">
						<h4>This is going to turn into a dynamic update post title<small style="padding-left:5px; float:right;">Author: poster Posted: timestamp</small></h4>
					</div>
					<p>This is going to turn into a dynamic update post message</p>
     			</div>
     			<div class="span3">
	     			<form class="well" method="POST" action="../LoginServlet"> 
						<div class="control-group">
							<label class="control-label">Username:</label>
							<input name="username" type="text">
						</div>
						
						<div class="control-group">
							<label class="control-label">Password:</label>
							<input name="password" type="password">
						</div>
						
						<div class="form-actions">
							<button type="submit" class="btn btn-success">Sign in</button>
							<a class="btn btn-primary" href="register.jsp">Register</a>
						</div>
					</form>     			
     			</div>
     		</div>
		</div>
	</body>
	
	<hr>

	<footer>
		<div style="text-align:center;">
			<p style="text-align:center;">&copy; Chronikles 2012</p>
		</div>
	</footer>
</html>